<ion-content class="page-login" padding>
    <div class="logo">
        <img src="./assets/img/logo2.png">
    </div>
    <ion-row class="top-row log-in">
        <ion-col>
            <div class="label-logo">登录</div>
        </ion-col>
    </ion-row>
    <form class="form" [formGroup]="loginModel" (ngSubmit)="login(loginModel.value)">
        <div class="username">
            <div class="user-img">
                <img src="./assets/img/username.png">
            </div>
            <div class="input-name">
                <input type="text" placeholder="用户名" formControlName="loginName" required/>
            </div>
        </div>
        <div class="password">
            <div class="user-img">
                <img src="./assets/img/password.png">
            </div>
            <div class="input-name">
                <input type="password" placeholder="密码" formControlName="loginPwd" required/>
            </div>
        </div>
    </form>
    <!--<p ion-text [hidden]="isShow == false" color="danger" padding-left>-->
    <!--用户名或密码错误，请重新输入！-->
    <!--</p>-->
    <div class="forgetPsd">
        <div></div>
        <div class="forget-password" (click)="forgetPassword()">
            <a href="javascript:void (0);">忘记密码?</a>
        </div>
    </div>
    <!--<div class="loginBtn" ion-button ng-class="login.userName && login.password ? 'loginBtn' : 'loginBtnDisabled' "-->
    <!--(click)="login()">登&nbsp;录-->
    <!--</div>-->
    <ion-row class="bottom-row">
        <button class="loginBtn" [disabled]="!loginModel.valid" ion-button type="submit">登录</button>
    </ion-row>
</ion-content>
